﻿@model VietPremier.Areas.AdminCP.Models.TravelHotel
@{
    ViewBag.Title = "Sửa nội dung của khách sạn du lịch";
    Layout = "~/Areas/AdminCP/Views/Shared/AdminLayout.cshtml";
}

<script type="text/javascript" src="@Url.Content("~/Content/cssAdmin/js/plugins/jquery-1.7.min.js")"></script>
<script type="text/javascript" src="@Url.Content("~/Content/cssAdmin/js/plugins/jquery-ui-1.8.16.custom.min.js")"></script>
<script type="text/javascript"  src="@Url.Content("~/ckeditor/ckeditor.js")"></script>
<script type="text/javascript" src="@Url.Content("~/ckfinder/ckfinder.js")"></script>

<script type="text/javascript">
    jQuery(document).ready(function () {
        $('#nofSuccess').hide(); // an thong bao
        $('#nofError').hide();

        readyValue();
    });
    function getParameterByName(name) {
        name = name.replace(/[\[]/, "\\\[").replace(/[\]]/, "\\\]");
        var regexS = "[\\?&]" + name + "=([^&#]*)";
        var regex = new RegExp(regexS);
        var results = regex.exec(window.location.search);
        if (results == null)
            return "";
        else
            return decodeURIComponent(results[1].replace(/\+/g, " "));
    }
    function readyValue() {
        var id = getParameterByName("idTravelHotel");
        var postURL = '@Url.Action("GetDetail", "AdminTravelHotel")';
        //lay du lieu English
        $.post(postURL, { "idTravelHotel": id }, function (data) {

            if (data.Id == "!") // khong lay duoc du lieu
            {
                alert("something wrong");
            }
            else {

                var imageFile = '@Url.Content("~/Content/upload/travelhotels/")';
                if (data.Image != null) {
                    imageFile += data.Image;
                }
                else {
                    imageFile += "no-photo.jpg";
                }
                document.getElementById("CurrentImage").src = imageFile;
                $("#Name").val(data.Name);
                $("#Address").val(data.Address);
                $("#Phone").val(data.Phone);
                $("#Phone").val(data.Phone);
                $("#Comment").val(data.Comment);
                $("#Rate").val(data.Rate);
                //<!--SEO -->
                $("#Titletag").val(data.Titletag);
                $("#Meta_description").val(data.Meta_description);
                $("#Meta_keyword").val(data.Meta_keyword);
            }
        });

    }
    function CopyInformation() {
        $("#Titletag").val("Viet Premier");
        $("#Meta_description").val("Viet Premier");
        $("#Meta_keyword").val("Viet Premier");
        return false;
    }
    function alertMsg(msg) {
        $('#nofSuccess').hide();
        $('#nofError').show();
        $('#msgNofError').text(msg);
    }
    function getFileExtension(filename) {
        var ext = /^.+\.([^.]+)$/.exec(filename);
        return ext == null ? "" : ext[1];
    }
    function is_int(value) {
        for (i = 0; i < value.length; i++) {
            if ((value.charAt(i) < '0') || (value.charAt(i) > '9')) return false
        }
        return true;
    }
    function removeColorBox() {
        //tra ve mau trang thai cu
        $("#Name").css("border", "1px solid #ccc");
        $("#Address").css("border", "1px solid #ccc");
        $("#Phone").css("border", "1px solid #ccc");
        $("#Comment").css("border", "1px solid #ccc");
        //<!--SEO -->
        $("#Titletag").css("border", "1px solid #ccc");
        $("#Meta_description").css("border", "1px solid #ccc");
        $("#Meta_keyword").css("border", "1px solid #ccc");
        return false;
    }
    function checkField() {

        removeColorBox();

        //<!--SEO -->
        //check Title
        var Title = $("#Titletag").val();
        if (Title.length < 2 || Title.length > 200) {
            msg = "Title không được để trống và có 2 đến 200 ký tự.";
            decoded = $('<div/>').html(msg).text();
            alertMsg(decoded);
            alert(decoded);
            $("#Titletag").css("border", "1px solid red");
            $("#Titletag").focus();
            return false;
        }

        //check Meta_Description
        var MetaDescription = $("#Meta_description").val();
        if (MetaDescription.length < 2 || MetaDescription.length > 200) {
            msg = "Meta Description không được để trống và có 2 đến 200 ký tự.";
            decoded = $('<div/>').html(msg).text();
            alertMsg(decoded);
            alert(decoded);
            $("#Meta_description").css("border", "1px solid red");
            $("#Meta_description").focus();
            return false;
        }

        //check Meta_Keyword
        var MetaKeyword = $("#Meta_keyword").val();
        if (MetaKeyword.length < 2) {
            msg = "Meta Keyword không được để trống và có ít nhất 2 ký tự.";
            decoded = $('<div/>').html(msg).text();
            alertMsg(decoded);
            alert(decoded);
            $("#Meta_keyword").css("border", "1px solid red");
            $("#Meta_keyword").focus();
            return false;
        }

        //check image
        var image = $("#Image").val();
        if (image == null || image == "") {
            //do nothing
        }
        else {
            var ext = image.substring((Math.max(0, image.lastIndexOf(".")) || image.length) + 1);
            ext = ext.toLowerCase();

            if (ext != "jpg" && ext != "jpeg" && ext != "gif" && ext != "png") {

                msg = "! Upload an image file with format jpg, jpeg, gif or png";
                decoded = $('<div/>').html(msg).text();
                alertMsg(decoded);
                alert(decoded);
                $("#Image").css("border", "1px solid red");
                $("#Image").focus();
                return false;
            }
        }

        //check Name
        var Name = $("#Name").val();
        if (Name.length < 2 || Name.length > 100) {
            msg = "Tên không được để trống và có 2 đến 100 ký tự.";
            decoded = $('<div/>').html(msg).text();
            alertMsg(decoded);
            alert(decoded);
            $("#Name").css("border", "1px solid red");
            $("#Name").focus();
            return false;
        }
        //check Address
        var Address = $("#Address").val();
        if (Address.length <= 0 || Address.length > 200) {
            msg = "Địa chỉ không được để trống.";
            decoded = $('<div/>').html(msg).text();
            alertMsg(decoded);
            alert(decoded);
            $("#Address").css("border", "1px solid red");
            $("#Address").focus();
            return false;
        }
        //check Phone
        var Phone = $("#Phone").val();
        if (isNaN(Phone)) {
            msg = "Số điện thoại là số ký tự.";
            decoded = $('<div/>').html(msg).text();
            alertMsg(decoded);
            alert(decoded);
            $("#Phone").css("border", "1px solid red");
            $("#Phone").focus();
            return false;
        }

        //check Comment
        var Comment = $("#Comment").val();
        if (Comment.length > 500) {
            msg = "Bình luận chỉ có 500 ký tự.";
            decoded = $('<div/>').html(msg).text();
            alertMsg(decoded);
            alert(decoded);
            $("#Comment").css("border", "1px solid red");
            $("#Comment").focus();
            return false;
        }

        //return false;
        return confirm("Bạn chắc muốn thay đổi không?");

    }

</script>


<div class="maincontentinner">

    <ul class="maintabmenu">
       <li class="current"><a href="@Url.Action("Index", "AdminTravelHotel", new { idTravelProduct = Model.listCategoryId.IdTravelProduct, idTravelCity = Model.listCategoryId.IdTravelCity })" >Quản lý khách sạn du lịch</a></li>
    </ul>
    <!--maintabmenu-->

    <div class="notification msgsuccess" style="display: none" id="nofSuccess">
        <a class="close"></a>
        <p id="msgNofSuccess">This is a success message.</p>
    </div>
    <!-- notification msgsuccess -->

    <div class="notification msgerror" style="display: none" id="nofError">
        <a class="close"></a>
        <p id="msgNofError">This is an error message.</p>
    </div>
    <!-- notification msgerror -->

    <form id="formCreate" class="stdform stdform2" method="post" action="#" enctype="multipart/form-data">

        <div class="contenttitle radiusbottom0">
            <h2 class="table"><span>Quản lý SEO cho trang khách sạn du lịch</span></h2>
        </div>

        <p>
            <label>Title (*)</label>
            <span class="field">
                <input type="text" name="Titletag" id="Titletag" class="longinput" /></span>
        </p>

        <p>
            <label>Meta Description (*)</label>
            <span class="field">
                <input type="text" name="Meta_description" id="Meta_description" class="longinput" /></span>
        </p>

        <p>
            <label>Meta Keyword (*)</label>
            <span class="field">
                <textarea class="longinput" rows="5" cols="80" name="Meta_keyword" id="Meta_keyword"></textarea></span>
        </p>

        <p class="stdformbutton" style="padding:10px">
            <input type="submit" value="Use The Default SEO" onclick="return CopyInformation()" />
        </p>

        @*<div class="contenttitle radiusbottom0">
            <h2 class="table"><span>Edit Content of Travel Hotel At @Model.travelCity.Name City In @Model.travelCountry.Name Country</span></h2>
        </div>
        <!--contenttitle-->*@

        <p>
            <label>Ảnh hiện tại</label>
            <span class="field">
                <img id="CurrentImage" src="" alt="" style="height: 100px; width: 100px" />
            </span>
        </p>

        <p>
            <label>Thay đổi ảnh</label>
            <span class="field">
                <input type="file" name="Image" id="Image" />
            </span>
        </p>

        <p>
            <label>Tên</label>
            <span class="field">
                <input type="text" name="Name" id="Name" class="longinput" />
            </span>
        </p>

        <p>
            <label>Địa chỉ</label>
            <span class="field">
                <input type="text" name="Address" id="Address" class="longinput" />
            </span>
        </p>

        <p>
            <label>Điện thoại</label>
            <span class="field">
                <input type="number" name="Phone" id="Phone" class="longinput" />
            </span>

        </p>

        <p>
            <label>Đánh giá</label>
            <span class="field">
                <select name="Rate" id="Rate">
                    <option value="Luxury">Luxury</option>
                    <option value="First Class">First Class</option>
                    <option value="Deluxe">Deluxe</option>
                    <option value="Superior">Superior</option>
                    <option value="Mid-range">Mid-range</option>
                </select>
            </span>
        </p>

        <p>
            <label>Bình luận</label>
            <span class="field">
                <textarea class="longinput" rows="5" cols="80" name="Comment" id="Comment"></textarea></span>
        </p>

        <p class="stdformbutton">
            <input type="submit" value="Chấp nhận" onclick="return checkField()" />
            <input type="submit" value="Quai lại" onclick="javascript: history.back(); return false" />
        </p>

    </form>
    <br clear="all" />

</div>
<!--maincontentinner-->
